<template>
  <div class="replie">
    <div>
      <div class="replies-user">
        <img :src="rep.author.avatar_url" alt="">
      </div>
      <div class="replies-c">
        <div>
          <span class="name">{{rep.author.loginname}}</span>
          <slot></slot>
          <span>{{rep.create_at | lasttime}}评论</span>

        </div>
        <div class="re">
          <div v-html="rep.content"></div>
        </div>
      </div>
      <p></p>
    </div>

  </div>
</template>
<script>
  export default {
    props: ['rep'],
    data(){
       return{
            k:true
       }
    }
  }

</script>
<style scoped>
  .replie {
    border-bottom: 1px solid #ccc;
    padding: 15px;
  }
  
  .replies img {
    width: .8rem;
    height: .8rem;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
  }
  
  .replies-user {
    
    display: inline-block;
    margin-right: 20px;
    height: 100%;
  }
  .replies-c{
    display: inline-block;
    vertical-align: middle;
  }
  .re{
    width: 7rem;
  }
  .name {
    font-weight: bold;
  }

</style>
